<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--图片和页面同级目录:直接写图片名-->
<!--alt:图片不能正常显示时显示的文本-->
<img alt="图挂了" src="a.jpg">
<!--图片在页面的上级目录: ../图片名-->
<!--title:鼠标在图片上悬停时显示的文本-->
<img src="../b.jpg" width="50%" title="300元">
<!--图片在页面的下级目录-->
<!--设置宽高两种方式:1.像素 2.百分比  只设置宽度时高度会自动等比例缩放-->
<img src="abc/c.jpg" width="100" height="100">
<!--通过绝对路径访问站外资源,图片盗链-->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">
</body>
</html>